@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
}

table {
	margin: 30px 20%;
}

.Qresult {
	margin: 100px 15%;
	
}

.Qresult th {
	background-color: #00f317;
}

.Qresult td {
	background-color: #00f2c8;
}

th, td {
	padding: 5px;
}

.tt {
	background-color: #00fff7;
}

.ti {
	background-color: #00ff4a;
}

.bt {
	letter-spacing: 2em;
	padding: 5px 0 5px 2em;
	margin: 10px 35%;
}

input[type=text] {
	height: 1.5em;
}

.show {
	display: block;
	width: 100px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.show:hover {
	overflow: auto;
	white-space: normal;
}

.topview {
	margin-bottom: 20px;
}

.theme {
	font-family: "STLiti";
	margin-left: 120px;
	font-size: 40px;
	margin-right: 50px;
	text-shadow: 1px 1px 5px red, 1px 1px 5px orange;
}

.fr {
	position: absolute;
	left: 350px;
	top: 20px;
}

.find {
	width: 400px;
	height: 30px;
	border: 1px solid blue;
	border-radius: 15px;
}

.findbtn {
	margin-left: 20px;
	width: 80px;
	height: 30px;
	border: 1px solid #000000;
	border-radius: 15px;
	background-image: linear-gradient(to right, #84fab0, #8fd3f4);
}